<footer>
  <div id="commandLineMobileButton">
    <i class="fas fa-terminal"></i>
  </div>
  <div class="keyTips">
    <key>tab</key>
    and
    <key>enter</key>
    - Restart Test
    <br />
    <key>ctrl/cmd</key>
    +
    <key>shift</key>
    +
    <key>p</key>
    or
    <key>esc</key>
    - Command Line
  </div>
  <div class="leftright">
    <div class="left">
      <button class="textButton" id="contactPopupButton">
        <i class="fas fa-fw fa-envelope"></i>
        <div class="text">contact</div>
      </button>
      <button id="supportMeButton" class="textButton">
        <i class="fas fa-fw fa-donate"></i>
        <div class="text">support</div>
      </button>
      <a
        href="https://github.com/monkeytypegame/monkeytype"
        class="textButton"
        target="_blank"
        rel="noreferrer noopener"
      >
        <i class="fas fa-fw fa-code"></i>
        <div class="text">github</div>
      </a>
      <a
        href="https://www.discord.gg/monkeytype"
        class="textButton"
        target="_blank"
        rel="noreferrer noopener"
        class="discordLink"
      >
        <i class="fab fa-fw fa-discord"></i>
        <div class="text">discord</div>
      </a>
      <a
        href="https://x.com/monkeytype"
        class="textButton"
        target="_blank"
        rel="noreferrer noopener"
      >
        <i class="fab fa-fw fa-twitter"></i>
        <div class="text">twitter</div>
      </a>
      <a href="/terms-of-service.html" class="textButton" target="_blank">
        <i class="fas fa-fw fa-file-contract"></i>
        <div class="text">terms</div>
      </a>
      <a href="/security-policy.html" class="textButton" target="_blank">
        <i class="fas fa-fw fa-shield-alt"></i>
        <div class="text">security</div>
      </a>
      <a href="/privacy-policy.html" class="textButton" target="_blank">
        <i class="fas fa-fw fa-lock"></i>
        <div class="text">privacy</div>
      </a>
    </div>
    <div class="right">
      <button
        class="current-theme textButton"
        aria-label="Shift-click to toggle custom theme"
        data-balloon-pos="left"
      >
        <div class="icon">
          <i class="fas fa-star favIndicator"></i>
          <i class="fas fa-fw fa-palette"></i>
        </div>
        <div class="text">serika dark</div>
      </button>
      <button class="currentVersion textButton">
        <i class="fas fa-fw fa-code-branch"></i>
        <div class="text">version</div>
        <key id="newVersionIndicator" class="hidden">new</key>
      </button>
      <!-- <div>
        <i class="fas fa-file"></i>
        Terms & Conditions
      </div> -->
    </div>
  </div>
</footer>
